import axios from 'axios'
import { getToken } from '@/utils'
import { ElMessage } from 'element-plus'
import router from '@/router'
import store from '@/store'

// 定义axios默认配置
const request = axios.create({
  /*
    1 开发环境是跨域环境 上线后不跨域的  和 接口部署在同一源 服务器下
    baseURL要区分开发和生产
    2 开发环境 baseURL应该为反向代理请求前缀，但是请求前缀不能 直接 在request.js直接赋值
    应该存储在环境变量中
  */
  baseURL: process.env.VUE_APP_BASE_URL,
  timeout: 8000
})

// 添加拦截器
request.interceptors.request.use(function (config) {
  // 获取token 添加到请求头中 发送后端进行接口校验
  if (getToken()) {
    config.headers.token = getToken()
  }
  return config
}, function (error) {
  return Promise.reject(error)
})
request.interceptors.response.use(function (response) {
  /*
    后端检验token 失败，返回 错误code  401 token过期 （不对） 403 未登录
  在响应拦截器中 判断code 如何token过期或未登录 弹出错误提示，清除本地所有登录相关缓存
  并重新去登录页
  */

  switch (response.data.code) {
    case 401: // 登录状态过期
      ElMessage({
        message: '登录状态过期，请重新登录',
        type: 'error',
        duration: 1000
      })
      router.push('/login')
      store.commit('user/USER_LOGOUT')
      break
    case 403: // 登录状态过期
      ElMessage({
        message: '用户未登录，请登录访问',
        type: 'error',
        duration: 1000
      })
      router.push('/login')
      store.commit('user/USER_LOGOUT')
      break
    default:
      break
  }
  return response
}, function (error) {
  return Promise.reject(error)
})
export default request
